<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>标题</title>

</head>
<body>
  <input type="button" value="获取属性" id="btn1"/>
  <input type="button" value="设置属性" id="btn2"/>
  <input type="button" value="移除属性" id="btn3"/> <br/><br/>
  <img src="991.gif" alt="周五晚睡1" title="周五晚睡" aaa='aaa'/>
</body>
</html>

<script src="jquery-1.12.4.js"></script>
<script>
  $(function () {
    //jQuery中操作属性:attr() removeAttr();
    // 1.设置属性
    $('#btn2').click(function(){
      //设置单属性
      // $('img').attr('src','992.gif')//可以设置已有的属性
      // $('img').attr('aaa','bbbb')//可以更改自定义的属性
      // $('img').attr('bbbb','cccc') //可以设置为纯在的自定义属性

      // 设置多属性
      $('img').attr({
        src:'992.gif',
        aaa:'bbb',
        bbb:'cccc'
      })

    })
    // 2.获取属性
    $('#btn1').click(function(){
     console.log($('img').attr('src'));
    })
    // 3.删除属性
    $('#btn3').click(function(){
    $('img').removeAttr('src aaa alt title')  //可以删除多个
    })
  });
</script>